<template>
  <div class="bigbox">
    <!-- 报修信息 -->
    <div class="head">
      <div class="title">
        <div class="t1">84</div>
        <div class="t2">报修单信息</div>
      </div>
      <div class="content">
        <van-cell-group>
          <van-field v-model="value"
                     label="报修单号："
                     placeholder="xxxxx" />
          <van-field v-model="value"
                     label="报修设备："
                     placeholder="xxxxx" />
          <van-field v-model="value"
                     label="紧急程度："
                     placeholder="xxxxx" />

          <van-field v-model="value"
                     label="故障类型："
                     placeholder="xxxxx" />
          <van-field v-model="value"
                     label="报修员工："
                     placeholder="xxxxx" />
          <van-field v-model="value"
                     label="报修时间："
                     placeholder="xxxxx" />
          <van-field v-model="value"
                     label="故障现象："
                     placeholder="xxxxx" />

        </van-cell-group>
      </div>
    </div>

    <!-- 按钮 -->
    <div class="Button">
      <button class="btn"
              @click="complete"><span>接单</span> </button>
    </div>
  </div>

</template>
<script>
import Vue from 'vue'
import { Field } from 'vant'
Vue.use(Field)

import { Progress } from 'vant'
Vue.use(Progress)

import { Image as VanImage } from 'vant'
Vue.use(VanImage)

export default {
  data() {
    return {
      value: ''
    }
  },
  methods: {
    complete() {
      this.$router.push('/photograph')
    }
  }
}
</script>
<style lang="less">
@import './repair.less';
</style>
